﻿@model RetailManagement.Models.OrderDB
@{
    ViewBag.Title = "Details";
    Layout = "~/Views/Shared/_Layout1.cshtml";
}
@using (Html.BeginForm())
{
<div id="step_one" class="step_container">
    <h2 class="step_title">
        <img style="float: right;" width="19" height="17" border="0" alt="" src="../../Content/sovereign/images/icon_step_close.gif" />
        Đăng nhập
    </h2>
    <div>
        <div style="float: left; font-weight: bold; color: #8CA1A1; font-style: italic; margin-left: 20px;
            margin-right: 18px; height: 28px">
            Thông tin đăng nhập:
        </div>
        <div>
            <div style="font-weight: bold;">
                @ViewBag.FullName
            </div>
            <div>
                @ViewBag.Email
            </div>
        </div>
    </div>
    <div id="step_one_body" class="step-body">
    <div style="text-align: right;">
    <span><a href="#" class="change">Thay đổi</a></span>
    </div>
    </div>
    
</div>
<div id="step_two" class="step_container">
    <h2 class="step_title">
        <img style="float: right;" width="19" height="17" border="0" alt="" src="../../Content/sovereign/images/icon_step_close.gif" />
        Địa chỉ giao hàng</h2>
    <div>
        <div style="float: left; font-weight: bold; color: #8CA1A1; font-style: italic; margin-left: 20px;
            margin-right: 18px; height: 28px">
            Địa chỉ giao hàng:
        </div>
        <div>
            <div>
                @ViewBag.FullName
            </div>
            <div>
                @ViewBag.Address
            </div>
        </div>
    </div>
    <div id="step_two_body" class="step-body">
    <div style="text-align: right;">
    <span><a href="#" class="change">Thay đổi</a></span>
    </div>
    </div>
</div>
<div id="step_three" class="step_container">
    <h2 class="step_title">
        <img style="float: right;" width="19" height="17" border="0" alt="" src="../../Content/sovereign/images/icon_step_close.gif" />
        Thanh toán và vận chuyển
    </h2>
    <div id="step_three_body" class="step_body">
        <div class="clear">
            <table width="100%">
                <tbody>
                    <tr valign="top">
                        <td width="47%">
                            <div class="step-complete-wrapper">
                                <div style="font-weight: bold; color: #8CA1A1; font-style: italic; float: left; height: 35px;
                                    margin-right: 5px;">
                                    Hình thức giao hàng:</div>
                                <div style="font-weight: bold">
                                    Giao hàng miễn phí
                                </div>
                            </div>
                        </td>
                        <td width="6%">
                        </td>
                        <td width="47%">
                            <div class="step-complete-wrapper">
                                <div style="font-weight: bold; color: #8CA1A1; font-style: italic; float: left; height: 35px;
                                    margin-right: 5px;">
                                    Hình thức thanh toán:
                                </div>
                                <div style="font-weight: bold">
                                    Thanh toán trực tiếp
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div>
    <div style="text-align: right;">
    <span><a href="#" class="change">Thay đổi</a></span>
    </div>
    </div>
</div>
<div id="step_four" class="step_container">
    <h2 class="step_title">
        <img style="float: right;" width="19" height="17" border="0" alt="" src="../../Content/sovereign/images/icon_step_close.gif" />
        Kiểm tra và đặt hàng
    </h2>
    <div id="step_four_body" class="step_body">
        <div class="clear">
            <table class="table review margin-top" width="100%" cellspacing="0" cellpadding="0"
                border="0">
                <tbody>
                    <tr>
                        <th class="left" colspan="2">
                            Deal có trong đơn hàng
                        </th>
                    </tr>
                    <tr>
                        <td width="77%">
                            <a class="product-title" style="border: 0 none;padding: 11px 21px;" href="/ho-chi-minh/tai-nghe-beats-10922.html">@ViewBag.ProName</a>
                            <br>
                        </td>
                        <td class="center" width="10%" style="border: 0 none;padding: 11px 21px;">
                            <strong style="text-align: center;">@ViewBag.QuantityOrder x @String.Format("{0:0,0}đ", (ViewBag.Price))</strong> = <span class="price"> @String.Format("{0:0,0}đ", (ViewBag.total))</span> <span class="price"></span>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="clear">
                <ul class="statistic_list" style="">
                    <li class="total" style="text-align:left;"><span style="float: left;margin-right: 5px;text-align: right;width: 200px;">Tổng số tiền:</span> 
                    <strong style="float: right;margin: 0;text-align: right;width: 150px;">
                    <span id="sec_cart_total" class="price valign" style="text-align: right;width: 200px;margin: 0 0 0 5px;">
                        @String.Format("{0:0,0}đ", (ViewBag.total))</span></strong></li>
                </ul>
            </div>
        </div>
        <div>
        <div class="clear">
        <p style="clear:both">Nếu bạn có thông tin BanLe lưu ý, xin hãy nhập nó vào đây:</p>
        @Html.TextAreaFor(model => model.Comment, new { rows = 10, cols = 100, @class = "textarea" })
        </div>
        <div class="clear" style="margin: 10px 0;">
        Đặt hàng là bạn đã đồng ý với  quy chế sàn giao dịch thương mại điện tử và chính sách đổi trả của BanLe 
        </div>
        <div style="text-align:center;padding: 5px 0 1px;">
        <input style="color: #C22227;font-weight: bold;" 
        type="submit" value="Đặt hàng"/>
        </div>
        </div>
    </div>
</div>
}
